<style>
#div_za_pozivanje table tr td .complete_plan{
	width:150px;
	display:none;
	position:absolute;
	background:#fff;
	border:1px solid #333;
	padding:0px;
	font-size:11px;
	margin:0px 0px 0px -100px;
}
#div_za_pozivanje table tr td:hover .complete_plan{
	display:block;
}
#div_za_pozivanje table tr td .complete_plan table{
	width:100%;
}
#div_za_pozivanje table tr td .complete_plan table tr td:last-child{
	text-align:right;
}
#div_za_pozivanje table tr.border td{
	padding:0px;
	height:2px;
	font-size:2px;
	overflow:hidden;
	background:#333;
}
</style>
<div id="div_za_pozivanje">
	{{$comment_start}}
	<table id="ResultTable">
		<tr class="head" align="center">
			<td colspan="4">komitent</td>
			<td colspan="8">ugovor</td>
		</tr>
		<tr class="head" align="center">
			<td>šifra</td>
			<td>naziv</td>
			<td>telefon</td>
			<td>kontakti</td>
			<td>komercijalista</td>
			<td>broj</td>
			<td>tip</td>
			<td>vrednost</td>
			<td>uplaćeno</td>
			<td>duguje</td>
			<td>datum</td>
			<td title="poslednja rata">plan otplate</td>
		</tr>
		{{%loop start komid}}
		<tr>
			<td>{{$komid}}</td>
			<td>{{$komname}}</td>
			<td align="center">
				<img src="gui/icons/phone.gif" onclick="alert(this.nextSibling.nextSibling.innerHTML)" />
				<div style="display:none">{{$komphone}}</div>
			</td>
			<td align="center">
				<img src="gui/icons/users.gif" onclick="alert(this.nextSibling.nextSibling.innerHTML)" />
				<div style="display:none">{{$komcontacts}}</div>
			</td>
			<td>{{$radnik_ime}}&nbsp;{{$radnik_prezime}}</td>
			<td>{{$ugobroj}}</td>
			<td>{{$ugovor_tip}}</td>
			<td align="right">{{$ugoiznos}}</td>
			<td align="right">{{$ugootplata}}</td>
			<td align="right">{{$ugodug}}</td>
			<td>{{$ugodate}}</td>
			<td>
				<div class="complete_plan">
					{{$ugoplan}}
				</div>
				{{$ugoplan_last}}
			</td>
		</tr>
		{{%loop end}}
	</table>
	{{$comment_end}}
</div>